import gsap from 'gsap';
/**
 * 返回一个带有滚动效果的数字Ref
 * @params number 原始数字Ref
 * @params duration 过渡时间(单位s)
 * @return 带有动画效果的数字Ref
 */
export function useScrollingNumber(number: Ref<number>, duration = 1): Ref<number> {
    if (process.server) return number;
    const tweenedNumber = ref(0);
    watchEffect(() => {
        gsap.to(tweenedNumber, {
            duration,
            value: +number.value || 0,
        });
    });
    return tweenedNumber;
}
